<template>
	<view>
		<view class="logo">
			<image src="/static/logo.png" class="logo__icon" mode=""></image>
			<text class="logo__name">APP名称</text>
			<text class="logo__vs">Version 1.1</text>
		</view>
		<view class="box">
			<view class="box__item">
				<view class="box__item__label">
					版本更新
				</view>
				<view class="u-flex u-flex-y-center">
					<view class="box__item__value">
						V1.1
					</view>
					<image src="/static/detail/xyz.png" class="box__item__more" mode=""></image>
				</view>
			</view>
			<view class="box__item">
				<view class="box__item__label">
					联系电话	
				</view>
				<view class="u-flex u-flex-y-center">
					<view class="box__item__value">
						158 9984 0587
					</view>
					<image src="/static/detail/xyz.png" class="box__item__more" mode=""></image>
				</view>
			</view>
			<view class="box__item">
				<view class="box__item__label">
					联系邮箱
				</view>
				<view class="u-flex u-flex-y-center">
					<view class="box__item__value">
						1804533852@qq.com
					</view>
					<image src="/static/detail/xyz.png" class="box__item__more" mode=""></image>
				</view>
			</view>
		</view>
		<view class="footer">
			<text>隐私协议</text>
			<view class="footer__line">丨</view>
			<text>用户协议</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
.logo{
	padding: 64rpx 0 110rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	&__icon{
		width: 120rpx;
		height: 120rpx;
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.04);
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		margin-bottom: 8rpx;
	}
	&__name{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 36rpx;
		color: #000000;
		line-height: 50rpx;
		margin-bottom: 8rpx;
	}
	&__vs{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 32rpx;
		color: #666666;
		line-height: 44rpx;
	}
}
.box{
	padding: 0 0 0 32rpx;
	&__item{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 32rpx;
		border-bottom: 1rpx solid #EEEEEE;
		height: 104rpx;
		&__label{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 32rpx;
			color: #333333;
			line-height: 44rpx;
		}
		&__value{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 32rpx;
			color: #999999;
			line-height: 44rpx;
		}
		&__more{
			width: 52rpx;
			height: 52rpx;
		}
	}
}
.footer{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 32rpx;
	color: #51CAEF;
	line-height: 44rpx;
	position: fixed;
	bottom: 148rpx;
	width: 750rpx;
	left: 0;
	&__line{
		width: 32rpx;
		height: 44rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 32rpx;
		color: #999999;
		line-height: 44rpx;
		margin: 0 32rpx;
		
	}
}
</style>
